body{
  font-size: 14px;
}
.top{
  border-bottom: 1px solid black;
  width: 100%;
  background: rgba(0,0,255,.6);
  .top-wrap{
    height: 80px;
  }
  .total-nav{
    font-size: 24px;
    font-weight: bold;
    line-height: 80px;
    text-align: center;
    li{
      padding-left: 10px;
      padding-right: 10px;
      a{
        color: white;
      }
      &:last-child:after{
        content: "";
        padding:0 10px;
      }
    }
  }
}
.container{
  margin-top: 50px;
  max-width: 1200px;
  background: #fff;
  .thing-details{
    text-align: center;
    .thing-wrap{
      .thing-img{
        padding: 10px;
        overflow: hidden;
        img{
          width:100%;
        }
      }
      .thing-more-details{
        padding:15px 20px;
        text-align: left;

        p{
          position: relative;
          text-align: center;
          .property{
            position: absolute;
            left:0;
          }
        }
        p#thing-mes-wrap{
          text-align: left;
          padding-left: 120px;

        }
      }
    }
  }
  .thing-clue{
    border-top: 1px solid rgba(0,0,0,.2);
    .leave-message{
      form{
        textarea{
          resize: none;
          width:100%;
          padding: 0 6px;
        }
        button{
          width:100%;
        }
      }
    }
  }
}